<template>
	<!-- 工单基础信息 -->
	<div>
		<div class="smp-result smp_panel_1">
			<div class="smp_panel_header">
				<div class="smp_panel_pre"></div>
				<div class="smp_panel_title">基础信息</div>
			</div>
		<div class="smp_panel_body">
			<el-descriptions size="mini" :column="4" border>
				<el-descriptions-item label="工单编号"> {{rowList.id}} </el-descriptions-item>
				<el-descriptions-item label="需求编号" v-if="rowList.applyType != '04'"> {{rowList.qmsNo}} </el-descriptions-item>
				<el-descriptions-item label="需求名称" v-if="rowList.applyType != '04'"> {{rowList.qmsName}} </el-descriptions-item>
				<el-descriptions-item label="批次号" v-if="rowList.applyType != '04'"> {{rowList.batchNum|dictName("SMP0010")}} </el-descriptions-item>
				<el-descriptions-item label="计划上线时间" v-if="rowList.applyType != '04'"> {{rowList.prodDate}} </el-descriptions-item>
				<el-descriptions-item label="申请系统" v-if="rowList.applyType != '04'"> {{rowList.applySysNo|getSystemName}}({{rowList.applySysNo}}) </el-descriptions-item>
				<el-descriptions-item label="工单类型"> {{rowList.applyType|dictName("SMP0009")}} </el-descriptions-item>
				<el-descriptions-item label="工单状态"> {{rowList.status|dictName("SMP0012")}} </el-descriptions-item>
				<el-descriptions-item label="申请人"> {{rowList.applyUser|getUserChinesName}} </el-descriptions-item>
				<el-descriptions-item label="申请日期"> {{rowList.applyDate}} </el-descriptions-item>
			</el-descriptions>
			
			
		</div>
		</div>
		
	</div>
</template>

<script>
	"use strict";
	import {selectAllByApplyId} from '@/api/demand.js';
	
	export default {
		data() {
			return {
				rowList:[],
				}
		},
		
		props: {
			row: {
				type: Object,
				default: {}
			},
		},
		created() {
			//根据工单编号查询工单详细信息
			this.getList();
		},
		methods: {
			getList() {
				selectAllByApplyId({id:this.row.sid}).then(response => {
					let obj = response.data.extend;
					this.rowList = obj.requireApply;
				}).catch(error => {
					console.info("失败");
					console.info(error.message);
				});
			},
		}
	};
</script>

<style scoped>
	.detailsTitle {
		color: black;
		font-size: 18px;
		text-align: left;
		margin-top: 10px;
		margin-left: 20px;
		margin-bottom: 10PX;
		border-left: 3px solid #090;
		line-height: 24px;
		padding-left: 10px;
		color: #57595d;
	}
	
	.serviceInfo {
		text-align: left;
		margin-left: 40px;
	}
	
	.serviceInfo span {
		line-height: 30px;
		text-align: left;
		color: #606266;
		font-size: 14px;
	}
</style>